<template>
  <div>
      <vue-particles
          color="#00ffff"
          :particleOpacity="1"
          :particlesNumber="100"
          shapeType="circle"
          :particleSize="4"
          linesColor="#fff"
          :linesWidth="1"
          :lineLinked="true"
          :lineOpacity="0.4"
          :linesDistance="150"
          :moveSpeed="2"
          :hoverEffect="true"
          hoverMode="grab"
          :clickEffect="true"
          clickMode="push"
          class="lizi"
          style="height:100%"
      >
      </vue-particles>
    <Me style="margin-top: -400px"></Me>
    <el-image
        style="width: 800px; height: 400px"
        :src="src"
        fit="contain"></el-image>
   <Recaptcha></Recaptcha>
  </div>
</template>

<script>
	import Me from "../components/about/Me";
	import Recaptcha from "../components/Recaptcha/index";

	export default {
		components: {Recaptcha,  Me},
		data () {
			return {
				captchaOption: {
					// 各平台的参数，具体请参阅个平台文档
					// 以下为腾讯验证码的参数
					// appid: '',
					// 以下为极验验证码的参数
					product: 'bind',
				},
				src: 'https://cube.elemecdn.com/6/94/4d3ea53c084bad6931a56d5158a48jpeg.jpeg'
			}
		},
		methods: {
			// 回调监听
			// status: 1成功,2验证中,0失败
			// res: 三方返回的原始数据
			captchaNotice(status, res){
				console.log(status)
				console.log(res)
			},
			open() {
				this.$notify({
					title: '若兮时刻',
					dangerouslyUseHTMLString: true,
					message: '<strong style="color: rgba(255,147,139,0.34)">山河无恙在我胸</strong>'
				});
			}
		}
	}
</script>
